<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>网易云音乐</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/header.css" />
  </head>
  <body>
    <!-- 头部topbar -->
    <div class="top">
      <div class="topbar wrapper_01">
        <div class="bar-left">
          <!-- 包裹h1为了利于SEO优化 -->
          <h1 class="logo">
            <a href="#"> 网易云音乐 </a>
          </h1>
          <ul class="list">
            <li><a href="#" class="item active">发现音乐</a></li>
            <li><a href="#" class="item">我的音乐</a></li>
            <li><a href="#" class="item">关注</a></li>
            <li><a href="#" class="item">商城</a></li>
            <li><a href="#" class="item">音乐人</a></li>
            <li><a href="#" class="item icon-hot"> 下载客户 </a></li>
          </ul>
        </div>
        <div class="bar-right">
          <div class="search">
            <input type="text" placeholder="音乐/视频/电台/用户" />
          </div>
          <div class="anthor">
            <a href="#">创作者中心</a>
          </div>
          <div class="login">
            <a href="#">登录</a>
          </div>
        </div>
      </div>
    </div>
    <!-- 头部nav -->
    <div class="nav">
      <div class="navbar wrapper_01">
        <ul class="list">
          <li>
            <a href="#" class="item"><span class="active">推荐</span></a>
          </li>
          <li>
            <a href="#" class="item"><span>排行榜</span></a>
          </li>
          <li>
            <a href="#" class="item"><span>歌单</span></a>
          </li>
          <li>
            <a href="#" class="item"><span>主播电台</span></a>
          </li>
          <li>
            <a href="#" class="item"><span>歌手</span></a>
          </li>
          <li>
            <a href="#" class="item"><span>新碟上架</span></a>
          </li>
        </ul>
      </div>
    </div>
    <!-- 轮播图区域 -->
    <div class="banner">
      <div class="area wrapper_03">
        <div class="area-left">
          <ul class="img-list">
            <li>
              <a class="item" href="#">
                <img src="./img/banner_01.jpg" alt="" />
              </a>
            </li>
            <li>
              <a class="item" href="#">
                <img src="./img/banner_01.jpg" alt="" />
              </a>
            </li>
            <li>
              <a class="item" href="#">
                <img src="./img/banner_01.jpg" alt="" />
              </a>
            </li>
            <li>
              <a class="item" href="#">
                <img src="./img/banner_01.jpg" alt="" />
              </a>
            </li>
          </ul>
          <ul class="dost-list">
            <li><a href="#" class="item active"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
            <li><a href="#" class="item"></a></li>
          </ul>
        </div>
        <div class="area-right">
          <a class="download" href="#">下载客户端</a>
          <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>
        </div>
        <a href="#" class="control control-left">1</a>
        <a href="#" class="control control-right">1</a>
      </div>
    </div>
    <!-- 主要区域 -->
    <div class="main">
      <div class="main-area wrapper_02">
        <div class="main-left">
          <div class="recommend-section">
            <div class="header_type_02">
              <div class="area_left">
                <h2 class="title">热门推荐</h2>
                <ul class="keywords">
                  <li><a class="item" href="#">华语</a></li>
                  <li class="line">|</li>
                  <li><a class="item" href="#">流行</a></li>
                  <li class="line">|</li>
                  <li><a class="item" href="#">摇滚</a></li>
                  <li class="line">|</li>
                  <li><a class="item" href="#">民谣</a></li>
                  <li class="line">|</li>
                  <li><a class="item" href="#">电子</a></li>
                  <li class="line">|</li>
                </ul>
              </div>
              <div class="area_right">
                <a class="more" href="#">更多</a>
              </div>
            </div>
            <ul class="list">
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list01.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    145万
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">来得及 考的上 何以惧 你可以</a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list02.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    221万
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">颓废 不想学习时听的歌【逆袭专用</a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list03.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    69万
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">一些听了会开心快乐的歌</a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list04.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    4030
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">
                  <i class="icon-radio"></i>
                  辛小说Winnie’s Remix VOL6：遥寄
                </a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list05.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    6033万
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">深度睡眠 |重度失眠者专用歌单</a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list06.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    4992
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">
                  <i class="icon-radio"></i>
                  最意外 | 在乌兹别克斯坦“闯入”陌生人的婚礼，还挣到...
                </a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list07.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    51万
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">
                  “释怀吧，不要再执着于没有结果的事了”
                </a>
              </li>
              <li class="item">
                <div class="recommend-top">
                  <img src="./img/recommend_list/recommend_list08.jpg" />
                  <a class="cover" href="#"></a>
                  <div class="info">
                    <i class="icon-music"></i>
                    152万
                    <i class="icon-play"></i>
                  </div>
                </div>
                <a class="desc" href="#">
                  <i class="icon-radio"></i>
                  把你绑气球上放飞
                </a>
              </li>
            </ul>
          </div>
          <div class="disc-section">
            <div class="header_type_02">
              <div class="area_left">
                <h2 class="title">新碟上架</h2>
              </div>
              <div class="area_right">
                <a class="more" href="#">更多</a>
              </div>
            </div>
            <div class="content">
              <div class="inner">
                <div class="roller">
                  <ul class="list">
                    <li class="item">
                      <div class="album">
                        <img src="./img/disc_list/disc_list01.jpg" alt="" />
                        <a class="cover" href="#"></a>
                        <a class="play" href="#"></a>
                      </div>
                      <a class="title" href="#">石敢当</a>
                      <a class="anchor" href="#">木推瓜</a>
                    </li>
                    <li class="item">
                      <div class="album">
                        <img src="./img/disc_list/disc_list02.jpg" alt="" />
                        <a class="cover" href="#"></a>
                        <a class="play" href="#"></a>
                      </div>
                      <a class="title" href="#">HOPE / WISH</a>
                      <a class="anchor" href="#">平井 大</a>
                    </li>
                    <li class="item">
                      <div class="album">
                        <img src="./img/disc_list/disc_list03.jpg" alt="" />
                        <a class="cover" href="#"></a>
                        <a class="play" href="#"></a>
                      </div>
                      <a class="title" href="#">This Love (Taylor's Version)</a>
                      <a class="anchor" href="#">Taylor Swift</a>
                    </li>
                    <li class="item">
                      <div class="album">
                        <img src="./img/disc_list/disc_list04.jpg" alt="" />
                        <a class="cover" href="#"></a>
                        <a class="play" href="#"></a>
                      </div>
                      <a class="title" href="#">也是蓝</a>
                      <a class="anchor" href="#">
                        也是福 / 派克特（PACT） / PO8 / 喜辰晨 / 周士爵 / 小老虎
                        / 马思唯 / 五石散 / 张津瑞 / 刘越 / 孟宇 yumeng.music
                      </a>
                    </li>
                    <li class="item">
                      <div class="album">
                        <img src="./img/disc_list/disc_list05.jpg" alt="" />
                        <a class="cover" href="#"></a>
                        <a class="play" href="#"></a>
                      </div>
                      <a class="title" href="#">I</a>
                      <a class="anchor" href="#">中島美嘉</a>
                    </li>
                  </ul>
                  <ul class="list">
                    2
                  </ul>
                </div>
                <div class="control control-left"></div>
                <div class="control control-right"></div>
              </div>
            </div>
          </div>
          <div class="rank-section">
            <div class="header_type_02">
              <div class="area_left">
                <h2 class="title">榜单</h2>
              </div>
              <div class="area_right">
                <a class="more" href="#">更多</a>
              </div>
            </div>
            <div class="bill">
              <dl class="rank up-rank">
                <dt class="header">
                  <div class="album">
                    <img src="./img/rank/rank_01.jpg" alt="" />
                    <a href="#" class="cover"></a>
                  </div>
                  <div class="info">
                    <h3 class="title">飙升榜</h3>
                    <div class="operation">
                      <a href="#" class="btn btn-play"></a>
                      <a href="#" class="btn btn-favor"></a>
                    </div>
                  </div>
                </dt>
                <dd class="list">
                  <ul>
                    <li class="item">
                      <span class="no">1</span>
                      <a href="#" class="song">玫瑰少年</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">2</span>
                      <a href="#" class="song">苦茶子</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">3</span>
                      <a href="#" class="song">兄妹</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">4</span>
                      <a href="#" class="song">天上的星星不说话·2022</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">5</span>
                      <a href="#" class="song">Bet On Me (Organic Version)</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">6</span>
                      <a href="#" class="song">篇章</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">7</span>
                      <a href="#" class="song">你的天空</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">8</span>
                      <a href="#" class="song">十四分之一</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">9</span>
                      <a href="#" class="song">私有黄昏</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">10</span>
                      <a href="#" class="song">鲁伯特之泪</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                  </ul>
                  <div class="more">
                    <a href="#">查看全部 &gt;</a>
                  </div>
                </dd>
              </dl>
              <dl class="rank new-rank">
                <dt class="header">
                  <div class="album">
                    <img src="./img/rank/rank_02.jpg" alt="" />
                    <a href="#" class="cover"></a>
                  </div>
                  <div class="info">
                    <h3 class="title">新歌榜</h3>
                    <div class="operation">
                      <a href="#" class="btn btn-play"></a>
                      <a href="#" class="btn btn-favor"></a>
                    </div>
                  </div>
                </dt>
                <dd class="list">
                  <ul>
                    <li class="item">
                      <span class="no">1</span>
                      <a href="#" class="song">玫瑰少年</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">2</span>
                      <a href="#" class="song">Bet On Me (Organic Version)</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">3</span>
                      <a href="#" class="song">天上的星星不说话·2022</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">4</span>
                      <a href="#" class="song">耍把戏</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">5</span>
                      <a href="#" class="song">独到</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">6</span>
                      <a href="#" class="song">M八七</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">7</span>
                      <a href="#" class="song">篇章</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">8</span>
                      <a href="#" class="song">想自由</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">9</span>
                      <a href="#" class="song">命运</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">10</span>
                      <a href="#" class="song">夏夜灯塔</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <div class="more">
                      <a href="#">查看全部 &gt;</a>
                    </div>
                  </ul>
                </dd>
              </dl>
              <dl class="rank origin-rank">
                <dt class="header">
                  <div class="album">
                    <img src="./img/rank/rank_03.jpg" alt="" />
                    <a href="#" class="cover"></a>
                  </div>
                  <div class="info">
                    <h3 class="title">原创榜</h3>
                    <div class="operation">
                      <a href="#" class="btn btn-play"></a>
                      <a href="#" class="btn btn-favor"></a>
                    </div>
                  </div>
                </dt>
                <dd class="list">
                  <ul>
                    <li class="item">
                      <span class="no">1</span>
                      <a href="#" class="song">夏夜灯塔</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">2</span>
                      <a href="#" class="song">我们都无法成为大人</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">3</span>
                      <a href="#" class="song">红山茶</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">4</span>
                      <a href="#" class="song">NO MORE LOVE</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">5</span>
                      <a href="#" class="song">晚集</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">6</span>
                      <a href="#" class="song">今时意所属</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">7</span>
                      <a href="#" class="song">亚洲流行</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">8</span>
                      <a href="#" class="song">别害怕</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">9</span>
                      <a href="#" class="song">变蓝 Feat.PO8, 喜辰晨</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <li class="item">
                      <span class="no">10</span>
                      <a href="#" class="song">Shook Ones,Part II</a>
                      <div class="operation">
                        <a href="#" class="btn btn-play"></a>
                        <a href="#" class="btn btn-add"></a>
                        <a href="#" class="btn btn-favor"></a>
                      </div>
                    </li>
                    <div class="more">
                      <a href="#">查看全部 &gt;</a>
                    </div>
                  </ul>
                </dd>
              </dl>
            </div>
          </div>
        </div>
        <div class="main-right">
          <div class="user-login">
            <p class="desc">
              登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机
            </p>
            <a class="btn" href="#">用户登录</a>
          </div>
          <div class="seetle-singer">
            <div class="header_type_01">
              <h3 class="title">入驻歌手</h3>
              <a href="#" class="more">查看全部 &gt;</a>
            </div>
            <ul class="list">
              <li>
                <a class="item" href="#">
                  <div class="album">
                    <img src="./img/singer_list/singer_list01.jpg" alt="" />
                  </div>
                  <div class="info">
                    <div class="singer">张惠妹aMEI</div>
                    <div class="desc">台湾歌手张惠妹</div>
                  </div>
                </a>
              </li>
              <li>
                <a class="item" href="#">
                  <div class="album">
                    <img src="./img/singer_list/singer_list02.jpg" alt="" />
                  </div>
                  <div class="info">
                    <div class="singer">呉墨愁Momo</div>
                    <div class="desc">《中国好声音》选手吴莫愁</div>
                  </div>
                </a>
              </li>
              <li>
                <a class="item" href="#">
                  <div class="album">
                    <img src="./img/singer_list/singer_list03.jpg" alt="" />
                  </div>
                  <div class="info">
                    <div class="singer">孙楠</div>
                    <div class="desc">歌手孙楠 代表作《你快回来》《燃烧》</div>
                  </div>
                </a>
              </li>
              <li>
                <a class="item" href="#">
                  <div class="album">
                    <img src="./img/singer_list/singer_list04.jpg" alt="" />
                  </div>
                  <div class="info">
                    <div class="singer">麦田老狼</div>
                    <div class="desc">歌手，音乐人。代表作《同桌的你》等。</div>
                  </div>
                </a>
              </li>
              <li>
                <a class="item" href="#">
                  <div class="album">
                    <img src="./img/singer_list/singer_list05.jpg" alt="" />
                  </div>
                  <div class="info">
                    <div class="singer">陈楚生</div>
                    <div class="desc">唱作歌手</div>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="apply-btn">
            <a class="apply" href="#">
              <i>申请成为网易音乐人</i>
            </a>
          </div>
          <div class="hot-anchor">
            <div class="header_type_01">
              <h3 class="title">热门主播</h3>
            </div>
            <ul class="list">
              <li class="item">
                <a class="album" href="#">
                  <img src="./img/anchor_list/anchor_list01.jpg" alt="" />
                </a>
                <div class="info">
                  <a class="name" href="#">陈立</a>
                  <p class="explain">心理学家、美食家陈立教授</p>
                </div>
              </li>
              <li class="item">
                <a class="album" href="#">
                  <img src="./img/anchor_list/anchor_list02.jpg" alt="" />
                </a>
                <div class="info">
                  <a class="name" href="#">刘维-Julius</a>
                  <p class="explain">歌手、播客节目《维维道来》主理人</p>
                </div>
              </li>
              <li class="item">
                <a class="album" href="#">
                  <img src="./img/anchor_list/anchor_list03.jpg" alt="" />
                </a>
                <div class="info">
                  <a class="name" href="#">莫非定律MoreFeel</a>
                  <p class="explain">男女双人全创作独立乐团</p>
                </div>
              </li>
              <li class="item">
                <a class="album" href="#">
                  <img src="./img/anchor_list/anchor_list04.jpg" alt="" />
                </a>
                <div class="info">
                  <a class="name" href="#">碎嘴许美达</a>
                  <p class="explain">脱口秀网络红人</p>
                </div>
              </li>
              <li class="item">
                <a class="album" href="#">
                  <img src="./img/anchor_list/anchor_list05.jpg" alt="" />
                </a>
                <div class="info">
                  <a class="name" href="#">银临Rachel</a>
                  <p class="explain"></p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 版权区域 -->
    <div class="end">
      <div class="wrapper_02">
        <div class="copy">
          <ul class="link">
            <li><a href="#" class="item">服务条款</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">隐私政策</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">儿童隐私政策</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">版权投诉</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">投资者关系</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">广告合作</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">廉正举报</a></li>
            <li class="line">|</li>
            <li><a href="#" class="item">联系我们</a></li>
          </ul>
          <p class="right">
            <span class="span">网易公司版权所有©1997-2022</span>
            <span class="span">杭州乐读科技有限公司运营：</span>
            <a href="#" class="ccie">浙网文[2021] 1186-054号</a>
          </p>
          <p class="right">
            <a href="#" class="ccie">
              粤B2-20090191-18 工业和信息化部备案管理系统网站
            </a>
            <span class="police-logo">
              <img src="./img/police_logo.png" alt="" />
            </span>
            <a href="#" class="police-text">浙公网安备 33010902002564号</a>
          </p>
        </div>
        <ul class="enter">
          <li class="item">
            <a href="#" class="enter-logo"></a>
            <span class="amped"></span>
          </li>
          <li class="item">
            <a href="#" class="enter-logo"></a>
            <span class="amped"></span>
          </li>
          <li class="item">
            <a href="#" class="enter-logo"></a>
            <span class="amped"></span>
          </li>
          <li class="item">
            <a href="#" class="enter-logo"></a>
            <span class="amped"></span>
          </li>
          <li class="item">
            <a href="#" class="enter-logo"></a>
            <span class="amped"></span>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
